/* 头部的设置 */
#top{
    width: 700px;
    height: 153px;
}
/* 横幅设置 */
#banner{
    width: 700px;
    height: 120px;
    background-image: url(../img/banner.jpg);       /* 设置id为#banner的元素添加图片 */
    background-repeat: no-repeat;                  /* 设置图片背景不重复 */
}
/* 导航栏设置 */
#navigation{
    width: 700px;
    height: 33px;
}
/* 导航栏下的列表设置 */
#navigation ul li{
    float: left;                                 /* 列表元素左浮动 */
    width: 100px;
    background-image: url(../img/button1.jpg);   /* 设置id为#navigation的元素添加图片 */
    background-repeat: no-repeat;               /* 设置背景不重复 */
    text-align: center;                        /* 文字居中 */
    line-height: 33px;                        /* 设置id为#navigation的元素垂直高度 */
}
/* 设置鼠标悬停样式 */
#navigation a:hover{
    background-image: url(../img/button1_bg.jpg);
    background-repeat: no-repeat;
    display: block;                        /* 设置id为navigation的元素的鼠标悬停样式为块状 */
}
